<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图书管理系统</title>
    <link rel="stylesheet" href="{% static 'lms/css/style1.css' %}">
    <link rel="stylesheet" href="{% static 'lms/bootstrap5/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'lms/bootstrap5/font/bootstrap-icons.css' %}">
</head>
<body style="background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);">
    <div style="border: 1px solid red;width: 550px; height: 430px;margin: 180px auto;">
        <div style="border: 1px solid green;background: #6C1766;height: 160px;">
            <img src="{% static 'lms/image/head.gif' %}" style="width: 250px;">
            <div style="text-align: center;line-height: 100px;">
                <span style="color: white;font-size: 46px;font-family: 华文行楷">图书管理系统</span>
            </div>
        </div>
        <div>
            <span style="margin-left: 70px;margin-right: 160px;font-size: 26px;">欢迎登录</span>
            <a href="#" style="font-size: 26px;text-decoration: none;">忘记密码？</a>
        </div>
        <div>
            <form action="#" method="post">
                <div class="input-group mb-3" style="width: 410px;margin-top: 15px;margin-left: 20px;">
                  <span class="input-group-text" id="inputGroup-sizing-default"><i class="bi bi-person-fill"></i></span>
                  <input type="text" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                <div class="input-group mb-3" style="width: 410px;margin-top: 15px;margin-left: 20px;">
                  <span class="input-group-text" id="inputGroup-sizing-default"><i class="bi bi-lock-fill"></i></span>
                  <input type="password" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default">
                </div>
                <button type="button" class="btn btn-danger" style="background: green; margin-left: 200px;">登录</button>
            </form>
        </div>
    </div>

</body>
</html>